<ion-header>

  <ion-navbar color="mainColor">
    <ion-title>签到</ion-title>
  </ion-navbar>

</ion-header>


<ion-content>
  <ion-refresher (ionRefresh)="doRefresh($event)">
    <ion-refresher-content pullingIcon="arrow-dropdown" pullingText="下拉刷新" refreshingSpinner="circles" refreshingText="努力刷新数据中...">
    </ion-refresher-content>
  </ion-refresher>
  <div class="TabHead fn-clear">
    <div class="input">
      <input disabled type="tel" [value]="signtime"> 分钟
    </div>
    <span>{{signtext}}</span>
    <ion-toggle color="mainColor" [(ngModel)]="checked" (ionChange)="check(checked)" class="btn">
      开始签到
    </ion-toggle>
  </div>
  <ion-list style="padding:6px;">
    <div class="taddclass" style="border: 1px solid #888;">
      <div>
        <p>姓名</p>
        <p>学号</p>
        <!-- <p>班级</p> -->
        <p>签到时间</p>
        <p>本次出席</p>
        <!-- <p>累计出席</p> -->
      </div>
      <div *ngFor="let a of slides">
        <p>
         {{a.Stu_Name}}
        </p>
        <p>{{a.Stu_No}}</p>
        <!-- <p>{{a.class_name}}</p> -->
        <p>{{a.insert_time.time}}</p>
        <p>
          {{a.attend_count}}
        </p>
        <!-- <p>
          {{a.lj_count}}
        </p> -->
      </div>
    </div>
  </ion-list>
</ion-content>
<div *ngIf="setsigntime" style="position:fixed;z-index: 99;left:0;right: 0; top:0;bottom:0;background: rgba(0, 0, 0, 0.5)">
  <div style="border-radius: 4px;padding-top: 26px;position:absolute;width: 200px;height: 130px;left: 50%;top:50%;margin-top: -50px;margin-left: -100px;text-align: center;background: #eee;">
    <div>
      <span>设置签到时长(分钟)</span>
      <input [(ngModel)]="signtime" type="text" style="text-align: center;margin:6px 0;">
    </div>
    <div style="width:80px;margin:auto;border-radius: 4px;padding: 2px;margin-top: 5px;background: #169BD5;color: #fff;"
      (click)="qrtime()">
      开始签到
    </div>
  </div>
</div>
<page-paging [total]=total (pageNumChange)="doSearch($event)"></page-paging>
<ion-footer>
  <page-control [classcourseId]=classcourseId [unitId]=unitId></page-control>
</ion-footer>
